﻿/*----- 
    LightRed: #ac200c;  
    DarkRed: #8b1709;  
    DarkGray: #444; 
    Header background: #333;
    Side background: #f88c19;  
-----*/

body { font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial; font-size: 12px; padding: 0px; margin: 0px; background: #fff; }
.clear { clear: both; }

.fieldtemplate-row , 
.fieldtemplate-row .label , 
.fieldtemplate-row .labelvalue , 
.fieldtemplate-row input.textbox , 
.fieldtemplate-row textarea.textbox , 
.fieldtemplate-row .dropdownlist , 
.fieldtemplate-row .validator , 
.fieldtemplate-row .richeditor, 
.fieldtemplate-row .listbox { display: block; float: left; }
.fieldtemplate-row { width: 450px; height: auto; margin-bottom: 15px; margin-left: 15px; }
.fieldtemplate-row .label { width: 100px; color: #444; font-weight: bold; }
.fieldtemplate-row .labelmessagevalue { color: Red; font-size: 16px; }
.fieldtemplate-row input.textbox { width: 290px; border: solid 1px #444; }
.fieldtemplate-row textarea.textbox { width: 290px; border: solid 1px #444; }
.fieldtemplate-row .validator { margin-left: 5px; color: #ac200c; }
.fieldTemplate-row .richeditor { width: 485px; border: solid 1px #444 !important; }
.fieldTemplate-row .richeditor iframe { border-top: solid 1px #bbb !important; border-bottom: solid 1px #bbb !important; }
.fieldTemplate-row .dropdownlist { width: 485px; border: solid 1px #444; }
.fieldTemplate-row .listbox { width: 485px; border: solid 1px #444; }
.fieldTemplate-row .validator { margin-left: 5px; color: #ac200c; }


.navicon { display: block; float: left; width: 100px; height: auto; margin-left: 10px;  margin-right: 10px; padding-bottom: 10px; padding-top: 10px; text-decoration: none; }
.navicon:hover { cursor: pointer; }
.navicon img { display: block; float: left; margin-left: 26px; border: none; }
.navicon span { display: block; float: left; width: 100%; text-align: center; color: #444; text-decoration: none; }


.btn { display: block; float: left; padding: 3px 15px 3px 15px; background: #ac200c; color: #fff; font-weight: bold; text-decoration: none; border: solid 1px #444; margin-right: 15px; margin-top: 10px; }
.btn:hover { color: #eee; background: #8b1709; cursor: pointer; }
.btn-first { margin-left: 15px; }
.btn-last { margin-right: 0px; }


.link { display: block; float: left; padding: 3px 15px 3px 15px; color: #000; font-weight: bold; text-decoration: underline; margin-right: 15px; margin-top: 10px; }
.link:hover { color: #8b1709; }


.progress { position: absolute; z-index: 99999; left: 50%; top: 35%; width: 300px; height: 50px; margin-left: -150px; margin-top: - 150px; background: White; border: solid 3px Black; padding: 3px; }
.progress img { margin-left: 7px; margin-top: 7px; float: left; }
.progress span { margin-left: 7px; margin-top: 7px; float: left; font-size: 14pt; font-weight: bold; color: Black; }


/*===== ActionPanel =====*/
.background { background: Black; filter: alpha(opacity=50); opacity: 0.50; height: 100%; width: 100%; z-index: 3; position: absolute; top: 0px; left: 0px; }

.actionpanel { background: #fff; width: 800px; height: auto; z-index: 4; overflow-y: auto; position: absolute; top: 150px; left: 50%; margin-left: -400px; display: block; padding-top: 15px; padding-bottom: 15px; }
.actionpanel-header { display: block; float: left; border-bottom: solid 1px #444; width: 770px; font-weight: bold; font-size: 16px; margin-left: 15px; }
.actionpanel-header span { display: block; float: left; width: 600px; }
.actionpanel-header-close { display: block; float: right; height: 24px; width: 24px; background: url(../ico/24x24/delete.png) top left no-repeat; }
.actionpanel-content { margin-top: 5px; width: 770px; height: auto; display: block; float: left; margin-left: 15px; }

.actionpanel.messagebox img { float: left; margin-left: 5px; }
.actionpanel.messagebox span { float: left; margin-left: 10px; margin-top: 10px; font-size: 16px; font-weight: bold; }
.actionpanel.messagebox a { display: block; float: right; padding: 3px 15px 3px 15px; background: #ac200c; color: #fff; font-weight: bold; text-decoration: none; border: solid 1px #444; margin-right: 10px; margin-top: 10px; }


/*===== GridView =====*/
.gridview { width: 100%; margin-top: 10px; }
.gridview-header { border-bottom: solid 1px #666; }
.gridview-header th { padding: 5px; text-transform: uppercase; }
.gridview-row:hover { background-color: #f6ddc4; }
.gridview-row td { padding: 5px; }
.gridview-row td a { text-decoration: none; color: #666; }

.gridview-btn { height: 16px; width: 16px; display: block; background-repeat: no-repeat; background-position: top left; float: right; margin-left: 4px; }
.gridview-btn-golive { background-image: url(../ico/16x16/earth_view.png); }
.gridview-btn-edit { background-image: url(../ico/16x16/document_edit.png); }
.gridview-btn-delete { background-image: url(../ico/16x16/delete2.png); }
.gridview-btn-details { background-image: url(../ico/16x16/preferences.png); }
.gridview-btn-moveup { background-image: url(../ico/16x16/arrow_up_blue.png); }
.gridview-btn-movedown { background-image: url(../ico/16x16/arrow_down_blue.png); }

/*===== SiteMap =====*/
.sitemap .nodestyle { color: #666; font-weight: normal; }
.sitemap td { vertical-align: top; }
.sitemap .selectednodestyle { font-weight: bold; color: #000; }

/*=====> Accordion <=====*/
.accordion { width: 100%; height: auto; display: block; }
.accordion-pane-header , .accordion-pane-content { float: left; width: 100%; height: auto; }
.accordion-pane-header { display: block; background: #efefef; border: solid 1px #444; margin-top: 3px; text-align: left; padding-top: 5px; padding-bottom: 5px; }
.accordion-pane-header:hover { cursor: pointer; }
.accordion-pane-header span { font-size: 11px; font-weight: bold; margin-left: 10px; color: #444; }
.accordion-pane-content { border-bottom: solid 1px #444; border-left: solid 1px #444; border-right: solid 1px #444; margin-bottom: 0px; display: none; }

/*===== ChartInfo =====*/
.chartinfo { display: block; float: left; width: 100%; height: auto; padding-bottom: 5px; padding-top: 5px; }
.chartinfo-image { float: left; margin-left: 5px; }
.chartinfo-value { float: left; color: Black; margin-left: 10px; font-size: 13px; font-weight: bold; margin-top: 2px; }
.chartinfo-text { float: left; color: #005c9c; margin-left: 5px; margin-top: 4px; }